草庐IT

HTML 5 音频当前位置

全部标签

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - 快速 HTML 表格排序?

是的,我知道有很多JS/jQuery程序可以做到这一点。我目前正在使用http://www.kryogenix.org/code/browser/sorttable/sorttable.js.这非常简单:只需一个JS文件,向表中添加一些类属性,然后就可以了。特别是,您实际上不需要了解JS即可使用它,您可以添加自定义排序键,而无需编写自己的JS来扩展它。由于这两个原因,我非常喜欢它。主要问题:我的表长约9300行,排序需要10-20秒。所以我想知道,还有比这更快的其他脚本吗?这些是我发现的:http://webfx.eae.net/dhtml/sortabletable/sortable

javascript - 获取带有渐变的colorbar中特定位置的颜色值

我使用CSS3样式(fiddle)生成了一个渐变颜色条,现在想要该颜色条中特定位置的颜色值(通过x和y坐标)。据我所知,没有直接的方法可以做到这一点。我看到两个选项:在JavaScript中实现梯度算法并从头开始计算值。是否有确切的定义该算法如何适用于多种颜色?渐变在每个浏览器中看起来都一样吗?使用canvas和createLinearGradient方法绘制渐变,直接访问Canvas获取颜色值。还有其他选择吗? 最佳答案 我选择实现您的第一个解决方案(使用JavaScript计算渐变)。这意味着您不需要依赖对canvas元素的支持

javascript - 如何为包含 HTML 和 JavaScript 或 jQuery 的网页编写 Jasmine 测试?

我在Jasmine上阅读的资料中,他们只测试了一个.js文件。但是,如果测试是在网页上进行的,比如说,使用代码:try.html:$("#the-input").focus(function(){$(this).css("background","#ff9");});$("#the-input").blur(function(){$(this).css("background","#cff");});就是说,如果用户点击(或tab)输入框,将输入框的背景设置为黄色,当焦点移出时,将其设置为浅蓝色。在这种情况下,我们如何在.html文件中测试上述行为?(这个html文件应该在哪里——它可

javascript - 在 HTML 中加载 Js 文件

我的第一个PhoneGap应用程序包含2个HTML文件。第一个名为index.html,它使用了index.js。该文件将显示一个列表项。当我单击该列表中的一个项目时,它会将我带到detail.html文件:$.mobile.changePage("detail.html",{transition:"slideup"});或location.href="detail.html";在detail.html页面上,我加载了detal.js。但是它没有用。我无法在detail.js中使用函数。请给我你的建议,有什么例子吗?CapturePhotoCameraCaptureEditGetPho

javascript - 当 html 元素具有相同的 id 名称时,如何检查未声明的变量?

如何检查变量名是否“正在使用”?含义:如何检查变量名是否已在varvarname='something'语句中使用?通常,我会检查是否typeofvarname=='undefined',这似乎工作正常。问题是当页面上有一个带有id="varname"的元素时。现在,当我检查typeofvarname=='undefined',无论如何我都会得到false,因为varname是一些HTML元素。varname不是“正在使用”,但它也不是undefined。//ifhasanidoftest1,howdoicheckiftest1isundeclared?console.log(type

javascript - svg + Sprite 表 + d3 + clipPath + 位置 + 大小

需要提前道歉:对于篇幅和我的无知。我正在尝试自学新概念:d3.js和Sprite表。Sprite表的概念很容易理解,但我很困惑如何将其集成到d3中。基本上我想做的是从Sprite表中选择我想用作图像的Sprite,然后使用d3在页面的其他地方显示这个选定的Sprite,并且很可能是同一个Sprite的多个副本。供引用的实际sprite表(见下面的免责声明):问题如下:1)我将sprite表添加到我的html中,硬编码现在,这显示了我想要的特定Sprite,但是,Sprite的尺寸/定位就像显示了整个Sprite表一样。我怎样才能只“捕获”Sprite本身,而不仅仅是隐藏未使用的Spri

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 我可以使用 nodejs 将麦克风音频从客户端流式传输到客户端吗?

我正在尝试创建实时语音聊天。一旦客户端按下按钮并开始通话,我希望通过套接字将声音发送到nodejs后端,然后我想将此数据流式传输到另一个客户端。这里是发件人客户端代码:socket.on('connect',function(){varsession={audio:true,video:false};navigator.getUserMedia(session,function(stream){varaudioInput=context.createMediaStreamSource(stream);varbufferSize=2048;recorder=context.createS

javascript - 防止 Jade 在 HTML 元素中添加赋值子句

我想在Angular2应用程序的输入标签中定义一个局部变量:input(#sometext)button((click)="addTechnology(sometext.value)")Add我期望的输出是:Add但是实际输出是(注意附加的="#sometext"):Add这样,Angular2会抛出以下错误,很可能是因为="#sometext":CannotfinddirectivewithexportAs='#sometext'Error:CannotfinddirectivewithexportAs='#sometext'atnewBaseException(https://co